import { createApp, defineAsyncComponent } from 'vue'
import App from './App.vue'
import '@/Mock/mockServe.js'
import { createPinia } from 'pinia'
import { router } from './Router/index'
import lazyPlugin from 'vue3-lazy' 
import loadingImg from '@/assets/loading.gif'
const Nav = defineAsyncComponent(() => import('./components/Nav/Nav.vue'))
const Pags = defineAsyncComponent(() => import('./components/Pags/Pags.vue'))
const Apps = createApp(App)
Apps.component('Nav', Nav)
Apps.component('Pags', Pags)
Apps.use(router)
Apps.use(createPinia())
Apps.use(lazyPlugin, {
    loading: loadingImg
})
Apps.mount('#app')

